
<!DOCTYPE HTML>
<html lang="" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>面经 · GitBook</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        
        
        
    
    <link rel="stylesheet" href="gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="gitbook/gitbook-plugin-search/search.css">
                
            
                
                <link rel="stylesheet" href="gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        

    

    
        
    
        
    
        
    
        
    
        
    
        
    

        
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="gitbook/images/favicon.ico" type="image/x-icon">

    
    
    <link rel="prev" href="总结.html" />
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    

    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="./">
            
                <a href="./">
            
                    
                    介绍
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">Js部分</li>
        
        
    
        <li class="chapter " data-level="2.1" data-path="Js部分/数据类型及判断.html">
            
                <a href="Js部分/数据类型及判断.html">
            
                    
                    数据类型及判断
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.2" data-path="Js部分/执行上下文、作用域、作用域链、闭包.html">
            
                <a href="Js部分/执行上下文、作用域、作用域链、闭包.html">
            
                    
                    执行上下文、作用域、作用域链、闭包
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.3" data-path="Js部分/作用域.html">
            
                <a href="Js部分/作用域.html">
            
                    
                    作用域
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.4" data-path="Js部分/函数提升、变量提升.html">
            
                <a href="Js部分/函数提升、变量提升.html">
            
                    
                    函数提升、变量提升
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.5" data-path="Js部分/原型链.html">
            
                <a href="Js部分/原型链.html">
            
                    
                    原型链
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.6" data-path="Js部分/js继承.html">
            
                <a href="Js部分/js继承.html">
            
                    
                    js继承
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.7" data-path="Js部分/深拷贝、浅拷贝.html">
            
                <a href="Js部分/深拷贝、浅拷贝.html">
            
                    
                    深拷贝、浅拷贝
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.8" data-path="Js部分/let、const、var区别.html">
            
                <a href="Js部分/let、const、var区别.html">
            
                    
                    let、const、var区别
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.9" data-path="Js部分/async、await.html">
            
                <a href="Js部分/async、await.html">
            
                    
                    async、await
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.10" data-path="Js部分/模块化.md">
            
                <span>
            
                    
                    模块化
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.11" data-path="Js部分/this、call、bind、apply.html">
            
                <a href="Js部分/this、call、bind、apply.html">
            
                    
                    this、call、bind、apply
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.12" data-path="Js部分/算法.md">
            
                <span>
            
                    
                    算法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.13" data-path="Js部分/垃圾回收机制、内存泄漏.md">
            
                <span>
            
                    
                    垃圾回收机制、内存泄漏
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.14" data-path="Js部分/事件机制、js事件绑定.html">
            
                <a href="Js部分/事件机制、js事件绑定.html">
            
                    
                    事件机制、js事件绑定
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.15" data-path="Js部分/事件循环.md">
            
                <span>
            
                    
                    事件循环
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.16" data-path="Js部分/Promise.md">
            
                <span>
            
                    
                    Promise
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.17" data-path="Js部分/class.md">
            
                <span>
            
                    
                    class
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="2.18" data-path="Js部分/同步、异步.html">
            
                <a href="Js部分/同步、异步.html">
            
                    
                    同步、异步
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">计算机基础</li>
        
        
    
        <li class="chapter " data-level="3.1" data-path="计算机基础/进程、线程、cpu、内存.md">
            
                <span>
            
                    
                    进程、线程、cpu、内存
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">游览器</li>
        
        
    
        <li class="chapter " data-level="4.1" data-path="游览器/游览器渲染机制、输入url,游览器执行过程.md">
            
                <span>
            
                    
                    游览器渲染机制、输入url,游览器执行过程
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="4.2" data-path="游览器/游览器缓存机制.md">
            
                <span>
            
                    
                    游览器缓存机制
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="4.3" data-path="游览器/同源策略、跨域解决问题.md">
            
                <span>
            
                    
                    同源策略、跨域解决问题
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="4.4" data-path="游览器/ajax原理，es6写法.md">
            
                <span>
            
                    
                    ajax原理，es6写法
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">框架</li>
        
        
    
        <li class="chapter " data-level="5.1" data-path="框架/生命周期、钩子函数.md">
            
                <span>
            
                    
                    生命周期、钩子函数
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="5.2" data-path="框架/虚拟DOM、diff算法.md">
            
                <span>
            
                    
                    虚拟DOM、diff算法
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="5.3" data-path="框架/组件通信.md">
            
                <span>
            
                    
                    组件通信
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="5.4" data-path="框架/状态管理.md">
            
                <span>
            
                    
                    状态管理
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">webpack</li>
        
        
    
        <li class="chapter " data-level="6.1" data-path="webpack/webpack原理、常用loader.md">
            
                <span>
            
                    
                    webpack原理、常用loader
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">http</li>
        
        
    
        <li class="chapter " data-level="7.1" data-path="http/报文结构、区别.md">
            
                <span>
            
                    
                    报文结构、区别
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="7.2" data-path="http/网络攻击.md">
            
                <span>
            
                    
                    网络攻击
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">常见问题</li>
        
        
    
        <li class="chapter " data-level="8.1" data-path="数组去重.md">
            
                <span>
            
                    
                    数组去重
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.2" data-path="防抖节流.md">
            
                <span>
            
                    
                    防抖节流
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.3" data-path="手写promise.md">
            
                <span>
            
                    
                    手写promise
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.4" data-path="类型判读、深浅拷贝.md">
            
                <span>
            
                    
                    类型判读、深浅拷贝
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.5" >
            
                <a target="_blank" href="https://juejin.cn/post/7030981812880932878">
            
                    
                    https://juejin.cn/post/7030981812880932878
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.6" >
            
                <a target="_blank" href="https://juejin.cn/post/6945625394154307592#heading-2">
            
                    
                    https://juejin.cn/post/6945625394154307592#heading-2
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.7" >
            
                <a target="_blank" href="https://juejin.cn/user/3984285872165176/posts">
            
                    
                    https://juejin.cn/user/3984285872165176/posts
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.8" data-path="常用方法封装.html">
            
                <a href="常用方法封装.html">
            
                    
                    常用方法封装
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="8.9" data-path="总结.html">
            
                <a href="总结.html">
            
                    
                    总结
            
                </a>
            

            
        </li>
    
        <li class="chapter active" data-level="8.10" data-path="面经.html">
            
                <a href="面经.html">
            
                    
                    面经
            
                </a>
            

            
        </li>
    

    
        
        <li class="header">前端资料</li>
        
        
    
        <li class="chapter " data-level="9.1" >
            
                <a target="_blank" href="https://underscorejs.org/">
            
                    
                    https://underscorejs.org/
            
                </a>
            

            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            Published with GitBook
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="." >面经</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <h1 id="&#x9762;&#x7ECF;">&#x9762;&#x7ECF;</h1>
<ul>
<li>css&#x90E8;&#x5206;</li>
<li>js&#x90E8;&#x5206;</li>
<li>vue</li>
<li>http&#x534F;&#x8BAE;&#x3001;&#x7F51;&#x7EDC;&#x5B89;&#x5168;</li>
<li>&#x6027;&#x80FD;&#x4F18;&#x5316;</li>
<li>&#x5DE5;&#x7A0B;&#x5316;</li>
</ul>
<h3 id="&#x4E00;&#x3001;css&#x90E8;&#x5206;">&#x4E00;&#x3001;css&#x90E8;&#x5206;</h3>
<h3 id="&#x4E8C;&#x3001;js&#x90E8;&#x5206;">&#x4E8C;&#x3001;js&#x90E8;&#x5206;</h3>
<h4 id="&#x1F345;-js&#x6570;&#x636E;&#x7C7B;&#x578B;&#x3001;&#x7C7B;&#x578B;&#x5224;&#x65AD;">&#x1F345; js&#x6570;&#x636E;&#x7C7B;&#x578B;&#x3001;&#x7C7B;&#x578B;&#x5224;&#x65AD;</h4>
<p><strong>js&#x6570;&#x636E;&#x7C7B;&#x578B;</strong>&#xFF1A;string&#x3001;number&#x3001;boolean&#x3001;null&#x3001;undefined&#x3001;object&#x3001;symbol</p>
<p><strong>&#x6570;&#x636E;&#x7C7B;&#x578B;&#x5224;&#x65AD;</strong>&#xFF1A; </p>
<ol>
<li><code>typeof </code> &#x4E3B;&#x8981;&#x7528;&#x6765;&#x5224;&#x65AD;&#x57FA;&#x672C;&#x6570;&#x636E;&#x7C7B;&#x578B;&#xFF0C;&#x65E0;&#x6CD5;&#x51C6;&#x5907;&#x5224;&#x65AD;&#x5F15;&#x7528;&#x6570;&#x636E;&#x7C7B;&#x578B;&#xFF0C;&#x6BD4;&#x5982;null&#x3001;array&#x4E3A;object&#x3002;</li>
<li><code>instanceof </code> &#x5224;&#x65AD;&#x5BF9;&#x8C61;&#x662F;&#x5426;&#x4E3A;&#x7C7B;&#x7684;&#x5B9E;&#x4F8B;&#x5BF9;&#x8C61;&#x3002;</li>
<li><code>Object.prototype.toString.call()</code> &#x901A;&#x8FC7;Object.protoype.toString()&#x65B9;&#x6CD5;&#x53EF;&#x4EE5;&#x627E;&#x5230;&#x539F;&#x58F0;&#x5C5E;&#x6027;&#xFF0C;&#x5728;&#x901A;&#x8FC7;call&#x6539;&#x53D8;this&#x6307;&#x5411;&#xFF0C;&#x6700;&#x540E;&#x83B7;&#x5F97;&#x7C7B;&#x4F3C;&#x4E8E;&quot;object object&quot;&#x7684;&#x5B57;&#x7B26;&#x4E32;&#x3002;</li>
</ol>
<h4 id="&#x1F345;-&#x95ED;&#x5305;">&#x1F345; &#x95ED;&#x5305;</h4>
<p>&#x95ED;&#x5305;&#x662F;&#x6307;&#x6709;&#x6743;&#x8BBF;&#x95EE;&#x53E6;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;&#x7684;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#x7684;&#x51FD;&#x6570;&#x3002;</p>
<p>&#x95ED;&#x5305;&#x7684;&#x4F5C;&#x7528;&#xFF1A;</p>
<ol>
<li>&#x4FDD;&#x62A4;&#xFF1A;&#x5F62;&#x6210;&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;&#x4FDD;&#x62A4;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#x4E0D;&#x88AB;&#x5916;&#x754C;&#x5E72;&#x6270;&#x3002;</li>
<li>&#x4FDD;&#x5B58;&#xFF1A;&#x53D8;&#x91CF;&#x4E0D;&#x4F1A;&#x88AB;&#x9500;&#x6BC1;&#x3002;</li>
</ol>
<p>&#x95ED;&#x5305;&#x7684;&#x7F3A;&#x70B9;&#xFF1A;&#x7531;&#x4E8E;&#x95ED;&#x5305;&#x5BFC;&#x81F4;&#x51FD;&#x6570;&#x6267;&#x884C;&#x540E;&#x4E0D;&#x80FD;&#x88AB;&#x9500;&#x6BC1;&#xFF0C;&#x5982;&#x679C;&#x4E0D;&#x624B;&#x52A8;&#x6E05;&#x7406;&#x6C38;&#x4E45;&#x8017;&#x5185;&#x5B58;&#xFF0C;&#x95ED;&#x5305;&#x591A;&#x4E86;&#x5C31;&#x4F1A;&#x5BFC;&#x81F4;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#x3002;</p>
<h4 id="&#x1F345;-&#x539F;&#x578B;&#x3001;&#x539F;&#x578B;&#x94FE;">&#x1F345; &#x539F;&#x578B;&#x3001;&#x539F;&#x578B;&#x94FE;</h4>
<p><strong>&#x539F;&#x578B;</strong>&#xFF1A;&#x6BCF;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#x90FD;&#x6709;&#x4E00;&#x4E2A;&#x9690;&#x5F0F;&#x539F;&#x578B;&#x5C5E;&#x6027;&#xFF0C;&#x8BE5;&#x5C5E;&#x6027;&#x6307;&#x5411;&#x6240;&#x5C5E;&#x7C7B;&#x7684;&#x539F;&#x578B;&#x3002;&#x6700;&#x7EC8;&#x6307;&#x5411;object&#x7684;&#x539F;&#x578B;&#x3002;</p>
<p><strong>&#x539F;&#x578B;&#x94FE;</strong>&#xFF1A;&#x5F53;&#x6211;&#x4EEC;&#x8BBF;&#x95EE;&#x4E00;&#x4E2A;&#x5BF9;&#x8C61;&#x7684;&#x5C5E;&#x6027;&#x65F6;&#xFF0C;&#x9996;&#x5148;&#x4ECE;&#x5BF9;&#x8C61;&#x672C;&#x8EAB;&#x67E5;&#x627E;&#xFF0C;&#x5982;&#x679C;&#x6CA1;&#x6709;&#x901A;&#x8FC7;&#x9690;&#x5F0F;&#x539F;&#x578B;&#x5411;&#x6240;&#x5C5E;&#x7C7B;&#x7684;&#x539F;&#x578B;&#x67E5;&#x627E;&#xFF0C;&#x627E;&#x5230;&#x8FD4;&#x56DE;&#x6CA1;&#x6709;&#x7EE7;&#x7EED;&#x901A;&#x8FC7;&#x6240;&#x5C5E;&#x7C7B;&#x539F;&#x578B;&#x5BF9;&#x8C61;&#x7684;&#x9690;&#x5F0F;&#x539F;&#x578B;&#x5411;&#x4E0A;&#x67E5;&#x627E;&#xFF0C;&#x76F4;&#x5230;object&#x7684;&#x539F;&#x578B;&#x5BF9;&#x8C61;&#xFF0C;&#x627E;&#x5230;&#x8FD4;&#x56DE;&#x6CA1;&#x6709;&#x62A5;&#x9519;&#x3002;</p>
<h4 id="&#x1F345;-&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x3001;&#x4F5C;&#x7528;&#x57DF;">&#x1F345; &#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x3001;&#x4F5C;&#x7528;&#x57DF;</h4>
<p><strong>&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;</strong>&#xFF1A;js&#x4EE3;&#x7801;&#x6267;&#x884C;&#x7684;&#x73AF;&#x5883;&#x5C31;&#x53EB;&#x505A;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x3002;</p>
<p>&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x5E38;&#x7528;&#x4E24;&#x79CD;&#xFF1A;</p>
<ul>
<li>&#x5168;&#x5C40;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#xFF1A;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x521B;&#x5EFA;&#x4E4B;&#x540E;&#xFF0C;&#x4EE3;&#x7801;&#x6267;&#x884C;&#x4E4B;&#x524D;&#x521B;&#x5EFA;&#x3002;</li>
<li>&#x51FD;&#x6570;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#xFF1A;&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;&#x521B;&#x5EFA;&#x4E4B;&#x540E;&#xFF0C;&#x4EE3;&#x7801;&#x6267;&#x884C;&#x4E4B;&#x524D;&#x521B;&#x5EFA;&#x3002;</li>
</ul>
<p><strong>&#x4F5C;&#x7528;&#x57DF;</strong>&#xFF1A; &#x6307;&#x8BBF;&#x95EE;&#x4E00;&#x4E2A;&#x53D8;&#x91CF;&#x7684;&#x65F6;&#x5019;&#x7684;&#x8BBF;&#x95EE;&#x6743;&#x9650;&#x3002;</p>
<p>&#x4F5C;&#x7528;&#x57DF;&#x5E38;&#x7528;&#x4E24;&#x79CD;&#xFF1A;</p>
<ul>
<li>&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#xFF1A;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x7684;&#x65F6;&#x5019;&#x5C31;&#x5DF2;&#x7ECF;&#x521B;&#x5EFA;&#x4E86;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;&#x6307;&#x660E;&#x4E86;this&#x6307;&#x5411;&#x3002;</li>
<li>&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;&#xFF1A;&#x51FD;&#x6570;&#x5B9A;&#x4E49;&#x7684;&#x65F6;&#x5019;&#x521B;&#x5EFA;&#x3002;</li>
<li>&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#xFF1A;&#x7C7B;&#x4F3C;&#x4E8E;let&#x3001;const&#x53EF;&#x4EE5;&#x751F;&#x6210;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#x3002;</li>
<li>&#x8BCD;&#x6CD5;&#x4F5C;&#x7528;&#x57DF;&#xFF1A;&#x51FD;&#x6570;&#x521B;&#x5EFA;&#x65F6;&#x5019;&#x7684;&#x4E0A;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;&#x4E00;&#x822C;&#x4E3A;&#x7BAD;&#x5934;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x7684;this&#x6307;&#x5411;&#x3002;</li>
</ul>
<blockquote>
<p>&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x548C;&#x4F5C;&#x7528;&#x57DF;&#x7684;&#x533A;&#x522B;&#xFF1A;</p>
<p>&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x662F;&#x5728;&#x4F5C;&#x7528;&#x57DF;&#x521B;&#x5EFA;&#x4E4B;&#x540E;&#xFF0C;&#x4EE3;&#x7801;&#x6267;&#x884C;&#x4E4B;&#x524D;&#x521B;&#x5EFA;&#x3002;</p>
<p>&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x662F;&#x52A8;&#x6001;&#x7684;&#xFF0C;&#x51FD;&#x6570;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x518D;&#x51FD;&#x6570;&#x6267;&#x884C;&#x540E;&#x5C31;&#x4F1A;&#x88AB;&#x9500;&#x6BC1;&#xFF0C;&#x5168;&#x5C40;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x5728;&#x9875;&#x9762;&#x5173;&#x95ED;&#x4E4B;&#x540E;&#x9500;&#x6BC1;&#x3002;</p>
<p>&#x4F5C;&#x7528;&#x57DF;&#x662F;&#x9759;&#x6001;&#x7684;&#xFF0C;&#x521B;&#x5EFA;&#x4E86;&#x4E4B;&#x540E;&#x5C31;&#x4E0D;&#x4F1A;&#x88AB;&#x9500;&#x6BC1;&#x3002;</p>
</blockquote>
<h4 id="&#x1F345;-&#x51FD;&#x6570;&#x63D0;&#x5347;&#x3001;&#x53D8;&#x91CF;&#x63D0;&#x5347;">&#x1F345; &#x51FD;&#x6570;&#x63D0;&#x5347;&#x3001;&#x53D8;&#x91CF;&#x63D0;&#x5347;</h4>
<p>js&#x8FD0;&#x884C;&#x4E4B;&#x524D;&#x4F1A;&#x5148;&#x8FDB;&#x884C;&#x8BCD;&#x6CD5;&#x3001;&#x8BED;&#x6CD5;&#x89E3;&#x6790;&#xFF0C;&#x4E4B;&#x540E;&#x5F62;&#x53C2;&#x8D4B;&#x503C;&#xFF0C;&#x6700;&#x540E;&#x53D8;&#x91CF;&#x63D0;&#x5347;&#x3002;</p>
<p><strong>&#x51FD;&#x6570;&#x63D0;&#x5347;</strong>&#xFF1A;&#x5F00;&#x8F9F;&#x4E00;&#x4E2A;&#x5806;&#x5185;&#x5B58;&#xFF0C;&#x58F0;&#x660E;&#x53D8;&#x91CF;&#x540D;&#x4E3A;&#x51FD;&#x6570;&#x540D;&#x5E76;&#x8D4B;&#x503C;&#x5806;&#x5185;&#x5B58;&#x5730;&#x5740;&#x3002;</p>
<p><strong>&#x53D8;&#x91CF;&#x63D0;&#x5347;</strong>&#xFF1A;&#x58F0;&#x660E;&#x53D8;&#x91CF;&#x540D;&#x3002;</p>
<h4 id="&#x1F345;-this&#x6307;&#x5411;-&#x3001;-new&#x5173;&#x952E;&#x5B57;&#x3001;call&#x3001;bind&#x3001;apply">&#x1F345; this&#x6307;&#x5411; &#x3001; new&#x5173;&#x952E;&#x5B57;&#x3001;call&#x3001;bind&#x3001;apply</h4>
<p><strong>this&#x6307;&#x5411;</strong>&#xFF1A;&#x6267;&#x884C;&#x4E0A;&#x4E0B;&#x6587;&#x521B;&#x5EFA;&#x9636;&#x6BB5;&#xFF0C;this&#x6307;&#x5411;&#x548C;&#x4F5C;&#x7528;&#x57DF;&#x94FE;&#x5C31;&#x5DF2;&#x7ECF;&#x88AB;&#x786E;&#x8BA4;&#x4E86;&#x3002;</p>
<p><strong>&#x5E38;&#x7528;this&#x6307;&#x5411;</strong>&#xFF1A;</p>
<ol>
<li>&#x51FD;&#x6570;&#x8C03;&#x7528;&#xFF0C;&#x5F53;&#x666E;&#x901A;&#x51FD;&#x6570;&#x8C03;&#x7528;&#x65F6;&#xFF0C;this&#x6307;&#x5411;&#x5168;&#x5C40;&#x5BF9;&#x8C61;&#xFF0C;&#x6E38;&#x89C8;&#x5668;&#x9ED8;&#x8BA4;&#x4E3A;window&#x3002;</li>
<li>&#x4F5C;&#x4E3A;&#x5BF9;&#x8C61;&#x7684;&#x5C5E;&#x6027;&#x8C03;&#x7528;&#xFF0C;this&#x6307;&#x5411;&#x4E3A;&#x70B9;&#x524D;&#x9762;&#x7684;&#x5BF9;&#x8C61;&#x3002;</li>
<li>&#x81EA;&#x6267;&#x884C;&#x51FD;&#x6570;&#x7684;this&#x4E3A;&#x5168;&#x5C40;&#x5BF9;&#x8C61;&#x3002;</li>
<li>&#x4F5C;&#x4E3A;&#x6784;&#x9020;&#x51FD;&#x6570;&#x4F7F;&#x7528;&#x65F6;&#xFF0C;this&#x6307;&#x5411;&#x5B9E;&#x4F8B;&#x3002;</li>
<li>&#x7BAD;&#x5934;&#x51FD;&#x6570;&#x65F6;&#xFF0C;this&#x6307;&#x5411;&#x8BCD;&#x6CD5;&#x4F5C;&#x7528;&#x57DF;&#x3002;</li>
<li>dom&#x5143;&#x7D20;&#x7ED1;&#x5B9A;&#x4E8B;&#x4EF6;&#x65F6;&#xFF0C;this&#x662F;dom&#x5143;&#x7D20;&#x3002;</li>
<li>apply&#x3001;call&#x3001;bind &#x4F1A;&#x6539;&#x53D8;this&#x6307;&#x5411;&#x3002;</li>
</ol>
<p><strong>&#x624B;&#x5199;new</strong></p>
<pre><code class="lang-javascript"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myNew</span>(<span class="hljs-params">fn,...args</span>)</span>{
  <span class="hljs-keyword">let</span> newObj = {}
  newObj.__proto__ = fn.prototype
  fn.call(newObj,...args)     <span class="hljs-comment">//&#x6709;&#x53C2;&#x6784;&#x9020;</span>
  <span class="hljs-keyword">return</span> newObj
}
</code></pre>
<p><strong>call</strong></p>
<pre><code class="lang-javascript"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myCall</span>(<span class="hljs-params">obj,...args</span>)</span>{
  obj.fn = <span class="hljs-keyword">this</span>
  obj.fn(...args)
  <span class="hljs-keyword">delete</span> obj.fn
}
</code></pre>
<p><strong>apply</strong></p>
<pre><code class="lang-javascript"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myApply</span>(<span class="hljs-params">obj</span>)</span>{
  <span class="hljs-keyword">let</span> [,...args] = [...arguments]
  obj.fn = <span class="hljs-keyword">this</span>
  obj.fn(args)
  <span class="hljs-keyword">delete</span> obj.fn
}
</code></pre>
<p><strong>bind</strong></p>
<p><strong>call&#x3001;bind&#x3001;apply&#x7684;&#x533A;&#x522B;</strong></p>
<ol>
<li>call&#x3001;apply&#x90FD;&#x662F;&#x51FD;&#x6570;&#x6267;&#x884C;&#x5E76;&#x6539;&#x53D8;this&#x6307;&#x5411;&#xFF0C;bind&#x6539;&#x53D8;&#x51FD;&#x6570;&#x6307;&#x5411;&#x4E0D;&#x6267;&#x884C;&#x3002;</li>
<li>call&#x3001;bind&#x90FD;&#x662F;&#x4F9D;&#x6B21;&#x4F20;&#x5165;&#x53C2;&#x6570;&#xFF0C;apply&#x4F20;&#x9012;&#x6570;&#x7EC4;&#x3002;</li>
<li>call&#x6BD4;apply&#x6027;&#x80FD;&#x597D;&#x3002;&#x56E0;&#x4E3A;apply&#x4F20;&#x9012;&#x53C2;&#x6570;&#x662F;&#x6570;&#x7EC4;&#x4F20;&#x9012;&#x3002;</li>
</ol>
<h4 id="&#x1F345;-&#x7EE7;&#x627F;">&#x1F345; &#x7EE7;&#x627F;</h4>
<p>&#x5F85;&#x5B8C;&#x5584;</p>
<h4 id="&#x1F345;-&#x540C;&#x6B65;&#x3001;&#x5F02;&#x6B65;&#x3001;&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;&#x3001;&#x5B8F;&#x4EFB;&#x52A1;&#x3001;&#x5FAE;&#x4EFB;&#x52A1;">&#x1F345; &#x540C;&#x6B65;&#x3001;&#x5F02;&#x6B65;&#x3001;&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;&#x3001;&#x5B8F;&#x4EFB;&#x52A1;&#x3001;&#x5FAE;&#x4EFB;&#x52A1;</h4>
<p><strong>&#x540C;&#x6B65;</strong>&#xFF1A;&#x6267;&#x884C;&#x6808;&#x4E2D;&#x81EA;&#x4E0A;&#x800C;&#x4E0B;&#x6267;&#x884C;&#xFF0C;&#x4EFB;&#x52A1;&#x5FC5;&#x987B;&#x7B49;&#x5F85;&#x4E0A;&#x4E00;&#x4E2A;&#x4EFB;&#x52A1;&#x6267;&#x884C;&#x5B8C;&#x6BD5;&#x624D;&#x53EF;&#x4EE5;&#x6267;&#x884C;&#x3002;</p>
<p><strong>&#x5F02;&#x6B65;</strong>&#xFF1A;&#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#x4E0D;&#x76F4;&#x63A5;&#x8FDB;&#x5165;&#x6267;&#x884C;&#x6808;&#xFF0C;&#x800C;&#x662F;&#x8FDB;&#x5165;&#x4EFB;&#x52A1;&#x5BF9;&#x5217;&#x4E2D;&#xFF0C;&#x7B49;&#x5F85;&#x6808;&#x7A7A;&#x95F4;&#x6E05;&#x7A7A;&#x4F1A;&#x5230;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x4E2D;&#x67E5;&#x627E;&#x6EE1;&#x8DB3;&#x6761;&#x4EF6;&#x7684;&#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#xFF0C;&#x653E;&#x5165;&#x5230;&#x4E3B;&#x6808;&#x6267;&#x884C;&#x3002;</p>
<p><strong>js&#x4E3A;&#x4EC0;&#x4E48;&#x662F;&#x5355;&#x7EBF;&#x7A0B;</strong>&#xFF1A; &#x6E38;&#x89C8;&#x5668;&#x8FD0;&#x884C;&#x65F6;&#x4F1A;&#x5206;&#x914D;&#x4E00;&#x4E2A;&#x6E32;&#x67D3;&#x8FDB;&#x7A0B;&#xFF0C;&#x6E32;&#x67D3;&#x8FDB;&#x7A0B;&#x4F1A;&#x5206;&#x4E3A;&#xFF1A;</p>
<ul>
<li>GUI&#x7EBF;&#x7A0B;&#xFF1A; &#x5904;&#x7406;html&#x3001;css&#xFF0C;&#x751F;&#x6210;DOM&#x6811;&#x548C;&#x6E32;&#x67D3;&#x6811;&#x3002;</li>
<li>js&#x6E32;&#x67D3;&#x7EBF;&#x7A0B;&#xFF1A;&#x89E3;&#x6790;&#x8FD0;&#x884C;js&#x4EE3;&#x7801;&#xFF0C;&#x5904;&#x7406;js&#x4EE3;&#x7801;&#x7684;&#x7EBF;&#x7A0B;&#x53EA;&#x6709;&#x4E00;&#x4E2A;&#x6240;&#x4EE5;js&#x65F6;&#x5355;&#x7EBF;&#x7A0B;&#xFF0C;js&#x6E32;&#x67D3;&#x7EBF;&#x7A0B;&#x4E0E;GUI&#x7EBF;&#x7A0B;&#x4E92;&#x65A5;&#xFF0C;&#x5F53;js&#x6E32;&#x67D3;&#x7EBF;&#x7A0B;&#x6267;&#x884C;&#x65F6;&#xFF0C;GUI&#x7EBF;&#x7A0B;&#x4F1A;&#x5728;&#x961F;&#x5217;&#x4E2D;&#x7B49;&#x5F85;&#xFF0C;js&#x6E32;&#x67D3;&#x7EBF;&#x7A0B;&#x6267;&#x884C;&#x5B8C;&#x6BD5;&#xFF0C;GUI&#x7EBF;&#x7A0B;&#x5F00;&#x59CB;&#x6267;&#x884C;&#x3002;&#x6240;&#x4EE5;js&#x4EE3;&#x7801;&#x4E0D;&#x5B9C;&#x8FC7;&#x591A;&#xFF0C;&#x5426;&#x5219;&#x4F1A;&#x5BFC;&#x81F4;&#x9875;&#x9762;&#x6E32;&#x67D3;&#x7F13;&#x6162;&#x3002;</li>
<li>&#x5B9A;&#x65F6;&#x5668;&#x4EFB;&#x52A1;&#x7EBF;&#x7A0B;&#xFF1A;&#x5B9A;&#x65F6;&#x4EFB;&#x52A1;&#x4F1A;&#x88AB;&#x5206;&#x914D;&#x5230;&#x5B9A;&#x65F6;&#x5668;&#x4EFB;&#x52A1;&#x7EBF;&#x7A0B;&#xFF0C;&#x5F53;&#x5B9A;&#x65F6;&#x4EFB;&#x52A1;&#x6EE1;&#x8DB3;&#x6761;&#x4EF6;&#x65F6;&#x8BE5;&#x7EBF;&#x7A0B;&#x4F1A;&#x901A;&#x77E5;&#x4E8B;&#x4EF6;&#x4EFB;&#x52A1;&#x7EBF;&#x7A0B;&#x5C06;&#x5B9A;&#x65F6;&#x4EFB;&#x52A1;&#x63A8;&#x9001;&#x5230;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x4E2D;&#x3002;</li>
<li>&#x4E8B;&#x4EF6;&#x4EFB;&#x52A1;&#x7EBF;&#x7A0B;&#xFF1A;&#x8BB2;&#x6EE1;&#x8DB3;&#x6761;&#x4EF6;&#x7684;&#x4E8B;&#x4EF6;&#x63A8;&#x9001;&#x5230;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x4E2D;&#x3002;</li>
<li>http&#x7EBF;&#x7A0B;&#xFF1A;&#x5904;&#x7406;http&#x8BF7;&#x6C42;&#xFF0C;&#x5982;&#x679C;&#x6D89;&#x53CA;&#x5230;&#x56DE;&#x8C03;&#x901A;&#x8FC7;&#x4E8B;&#x4EF6;&#x4EFB;&#x52A1;&#x7EBF;&#x7A0B;&#x63A8;&#x9001;&#x5230;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x3002;</li>
</ul>
<p><strong>&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;</strong>&#xFF1A;&#x7531;&#x4E8E;js&#x662F;&#x5355;&#x7EBF;&#x7A0B;&#x7684;&#xFF0C;&#x4E3A;&#x4E86;&#x9632;&#x6B62;&#x4EFB;&#x52A1;&#x8FC7;&#x591A;&#x9020;&#x6210;&#x5835;&#x585E;&#xFF0C;&#x9875;&#x9762;&#x5047;&#x6B7B;&#x3002;&#x4F1A;&#x5C06;&#x540C;&#x6B65;&#x4EE3;&#x7801;&#x538B;&#x5165;&#x6267;&#x884C;&#x6808;&#xFF0C;&#x5F02;&#x6B65;&#x4EE3;&#x7801;&#x63A8;&#x5165;&#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#x4E2D;&#xFF0C;&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;&#x8D1F;&#x8D23;&#x4E8C;&#x8005;&#x4E4B;&#x95F4;&#x7684;&#x901A;&#x8BAF;&#x3002;</p>
<p><strong>&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;&#x7684;&#x6D41;&#x7A0B;</strong>&#xFF1A;</p>
<ol>
<li>&#x51FD;&#x6570;&#x5165;&#x6808;&#xFF0C;&#x5F53;&#x9047;&#x5230;&#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#x7684;&#x65F6;&#x5019;&#x4EA4;&#x7ED9;webapis&#x3002;&#x63A5;&#x7740;&#x6267;&#x884C;&#x540C;&#x6B65;&#x4EFB;&#x52A1;&#xFF0C;&#x76F4;&#x81F3;&#x6808;&#x6E05;&#x7A7A;&#x3002;</li>
<li>webpais&#x4F1A;&#x5C06;&#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#x6267;&#x884C;&#xFF0C;&#x5C06;&#x5F02;&#x6B65;&#x4EFB;&#x52A1;&#x7684;&#x56DE;&#x8C03;&#x6839;&#x636E;&#x5B8F;&#x4EFB;&#x52A1;&#x3001;&#x5FAE;&#x4EFB;&#x52A1;&#x5206;&#x522B;&#x653E;&#x5230;&#x5404;&#x81EA;&#x7684;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x4E2D;&#x7B49;&#x5F85;&#x3002;</li>
<li>&#x6267;&#x884C;&#x6808;&#x4E3A;&#x7A7A;&#x65F6;&#xFF0C;&#x4E8B;&#x4EF6;&#x5FAA;&#x73AF;&#x4F1A;&#x5C06;&#x5FAE;&#x4EFB;&#x52A1;&#x63A8;&#x5165;&#x6808;&#x4E2D;&#x6E05;&#x7A7A;&#xFF0C;&#x5148;&#x8FDB;&#x5148;&#x51FA;&#x3002;</li>
<li>&#x5FAE;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x6E05;&#x7A7A;&#x540E;&#xFF0C;&#x8FDB;&#x5165;&#x5B8F;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#xFF0C;&#x53D6;&#x961F;&#x5217;&#x4E2D;&#x7684;&#x7B2C;&#x4E00;&#x9879;&#x4EFB;&#x52A1;&#x5165;&#x6808;&#x6267;&#x884C;&#xFF0C;&#x6267;&#x884C;&#x540E;&#x67E5;&#x770B;&#x5FAE;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x662F;&#x5426;&#x6709;&#x4EFB;&#x52A1;&#xFF0C;&#x6709;&#x7684;&#x8BDD;&#x6E05;&#x7A7A;&#x5FAE;&#x4EFB;&#x52A1;&#x961F;&#x5217;&#x3002;&#x91CD;&#x590D;&#x6B64;&#x6B65;&#x3002;</li>
</ol>
<h4 id="&#x1F345;-&#x4E8B;&#x4EF6;&#x5192;&#x6CE1;&#x3001;&#x6355;&#x83B7;">&#x1F345; &#x4E8B;&#x4EF6;&#x5192;&#x6CE1;&#x3001;&#x6355;&#x83B7;</h4>
<p><strong>&#x4E8B;&#x4EF6;&#x6D41;&#x7684;&#x8FC7;&#x7A0B;</strong>&#xFF1A;&#x6355;&#x83B7; &#x2014; &#x5143;&#x7D20; &#x2014; &#x5192;&#x6CE1;</p>
<p><strong>&#x5192;&#x6CE1;</strong>&#xFF1A;&#x4ECE;&#x5E95;&#x90E8;&#x5230;&#x9876;&#x90E8;&#x7684;&#x8FC7;&#x7A0B;&#x3002;</p>
<p><strong>&#x6355;&#x83B7;</strong>&#xFF1A;&#x4ECE;&#x9876;&#x90E8;&#x5230;&#x5E95;&#x90E8;&#x7684;&#x8FC7;&#x7A0B;&#x3002;</p>
<p><strong>DOM0</strong>&#xFF1A;document.body.onclick = function(){} &#x90FD;&#x4E3A;&#x5192;&#x6CE1;
<strong>DOM2</strong>&#xFF1A;document.body.addEventListener(&apos;click&apos;,function(),false) &#x4E3A;false&#x5192;&#x6CE1; &#x4E3A;true&#x6355;&#x83B7;</p>
<h4 id="&#x1F345;-promise--asyncawait--&#x624B;&#x5199;promise">&#x1F345; promise | async/await | &#x624B;&#x5199;promise</h4>
<p><strong>promise</strong>&#xFF1A;&#x7528;&#x6765;&#x5904;&#x7406;&#x5F02;&#x6B65;&#x7F16;&#x7A0B;&#xFF0C;&#x79F0;&#x4E3A;promise&#x8BBE;&#x8BA1;&#x6A21;&#x5F0F;&#x3002;</p>
<h4 id="&#x1F345;-&#x5783;&#x573E;&#x56DE;&#x6536;&#x673A;&#x5236;">&#x1F345; &#x5783;&#x573E;&#x56DE;&#x6536;&#x673A;&#x5236;</h4>
<ul>
<li>&#x5F15;&#x7528;&#x8BA1;&#x6570;&#xFF1A;&#x5F53;&#x5185;&#x5B58;&#x5F15;&#x7528;&#x4E00;&#x6B21;&#xFF0C;&#x5F15;&#x7528;&#x6570;+1&#x3002;&#x4E0D;&#x5F15;&#x7528;&#x5219;&#x51CF;1&#xFF0C;&#x6E38;&#x89C8;&#x5668;&#x4F1A;&#x5728;&#x6307;&#x5B9A;&#x65F6;&#x95F4;&#x53BB;&#x67E5;&#x8BE2;&#x53D8;&#x91CF;&#x7684;&#x5F15;&#x7528;&#x6570;&#xFF0C;&#x5982;&#x679C;&#x5F15;&#x7528;&#x4E3A;0&#xFF0C;&#x5219;&#x91CA;&#x653E;&#x5185;&#x5B58;&#x3002;</li>
<li>&#x6807;&#x8BB0;&#x6E05;&#x9664;&#xFF1A;&#x5F53;&#x53D8;&#x91CF;&#x8FDB;&#x5165;&#x6267;&#x884C;&#x73AF;&#x5883;&#x4F1A;&#x8BB0;&#x5F55;&#x4E3A;&apos;&#x8FDB;&#x5165;&apos;&#xFF0C;&#x5F53;&#x53D8;&#x91CF;&#x79BB;&#x5F00;&#x6267;&#x884C;&#x73AF;&#x5883;&#x8BB0;&#x5F55;&#x4E3A;&apos;&#x79BB;&#x5F00;&apos;&#x3002;&#x5783;&#x573E;&#x56DE;&#x6536;&#x673A;&#x5236;&#x4F1A;&#x6839;&#x636E;&#x6807;&#x793A;&#x6E05;&#x9664;&#x5E76;&#x56DE;&#x6536;&#x5185;&#x5B58;&#x3002;</li>
</ul>
<h3 id="&#x4E09;&#x3001;vue&#x90E8;&#x5206;">&#x4E09;&#x3001;vue&#x90E8;&#x5206;</h3>
<h3 id="&#x56DB;&#x3001;http&#x534F;&#x8BAE;&#x3001;&#x7F51;&#x7EDC;&#x5B89;&#x5168;">&#x56DB;&#x3001;http&#x534F;&#x8BAE;&#x3001;&#x7F51;&#x7EDC;&#x5B89;&#x5168;</h3>
<h4 id="&#x1F345;-http&#x534F;&#x8BAE;">&#x1F345; http&#x534F;&#x8BAE;</h4>
<p><strong>http&#x62A5;&#x6587;</strong>&#xFF1A;&#x8BF7;&#x6C42;&#x62A5;&#x6587;+&#x54CD;&#x5E94;&#x62A5;&#x6587;</p>
<ul>
<li><strong>&#x8BF7;&#x6C42;&#x62A5;&#x6587;</strong>&#xFF1A;&#x5BA2;&#x6237;&#x7AEF;&#x4F20;&#x9012;&#x7ED9;&#x670D;&#x52A1;&#x7AEF;&#x7684;&#x5185;&#x5BB9;&#x3002;<ul>
<li>&#x8D77;&#x59CB;&#x884C;</li>
<li>&#x8BF7;&#x6C42;&#x5934;</li>
<li>&#x8BF7;&#x6C42;&#x4E3B;&#x4F53;</li>
</ul>
</li>
<li><strong>&#x54CD;&#x5E94;&#x62A5;&#x6587;</strong>&#xFF1A;&#x670D;&#x52A1;&#x7AEF;&#x8FD4;&#x56DE;&#x7ED9;&#x5BA2;&#x6237;&#x7AEF;&#x7684;&#x5185;&#x5BB9;&#x3002;<ul>
<li>http&#x72B6;&#x6001;&#x7801;<ul>
<li>200 / 201 &#xFF1A;&#x6210;&#x529F; / &#x521B;&#x5EFA;&#x6587;&#x4EF6;&#x6210;&#x529F;</li>
<li>301 / 302 / 307&#xFF1A;&#x6C38;&#x4E45;&#x91CD;&#x5B9A;&#x5411; / &#x8BBE;&#x7F6E;http&#x534F;&#x5546;&#x7F13;&#x5B58; / &#x4E34;&#x65F6;&#x91CD;&#x5B9A;&#x5411;&#xFF08;&#x4E00;&#x822C;&#x7528;&#x4E8E;&#x8D44;&#x6E90;&#x9632;&#x76D7;&#xFF09;</li>
<li>400 / 401 / 404&#xFF1A;&#x4F20;&#x9012;&#x7684;&#x53C2;&#x6570;&#x9519;&#x8BEF; / &#x6743;&#x9650;&#x4E0D;&#x8DB3; / &#x8BF7;&#x6C42;&#x5730;&#x5740;&#x9519;&#x8BEF;</li>
<li>500 / 503&#xFF1A;&#x672A;&#x77E5;&#x670D;&#x52A1;&#x5668;&#x9519;&#x8BEF; / &#x670D;&#x52A1;&#x5668;&#x8D85;&#x8D1F;&#x8377; </li>
</ul>
</li>
<li>&#x54CD;&#x5E94;&#x5934;</li>
<li>&#x54CD;&#x5E94;&#x4E3B;&#x4F53;</li>
</ul>
</li>
</ul>
<h3 id="&#x4E94;&#x3001;&#x6027;&#x80FD;&#x4F18;&#x5316;&#xFF08;&#x1F952;&#x4E3A;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x3001;&#x1F345;&#x4E3A;&#x9700;&#x8981;&#x4E86;&#x89E3;&#x7684;&#x8FC7;&#x7A0B;&#xFF09;">&#x4E94;&#x3001;&#x6027;&#x80FD;&#x4F18;&#x5316;&#xFF08;&#x1F952;&#x4E3A;&#x6027;&#x80FD;&#x4F18;&#x5316;&#x3001;&#x1F345;&#x4E3A;&#x9700;&#x8981;&#x4E86;&#x89E3;&#x7684;&#x8FC7;&#x7A0B;&#xFF09;</h3>
<h4 id="&#x1F345;-&#x5BA2;&#x6237;&#x7AEF;&#x6E32;&#x67D3;&#x9875;&#x9762;&#x7684;&#x8FC7;&#x7A0B;">&#x1F345; &#x5BA2;&#x6237;&#x7AEF;&#x6E32;&#x67D3;&#x9875;&#x9762;&#x7684;&#x8FC7;&#x7A0B;</h4>
<p>&#x6E38;&#x89C8;&#x5668;&#x6E32;&#x67D3;&#x8FC7;&#x7A0B;&#x4E2D;&#x9047;&#x5230;&#x8D44;&#x6E90;&#x9664;js&#x5916;&#x90FD;&#x662F;&#x5F02;&#x6B65;&#x8BF7;&#x6C42;&#x5904;&#x7406;&#x8D44;&#x6E90;&#xFF0C;&#x5176;&#x4F59;&#x540C;&#x6B65;&#x3002;</p>
<ul>
<li>&#x89E3;&#x6790;html&#xFF0C;&#x751F;&#x6210;DOM&#x6811;&#x540E;&#xFF0C;&#x5F02;&#x6B65;&#x8BF7;&#x6C42;css&#x7ED3;&#x675F;&#xFF0C;&#x89E3;&#x6790;css&#xFF0C;&#x751F;&#x6210;cssOM&#x6811;&#x3002;</li>
<li>DOM&#x6811;&#x548C;CSSOM&#x6811;&#x7ED3;&#x5408;&#x751F;&#x6210;&#xFF0C;&#x6E32;&#x67D3;&#x6811;&#x3002;</li>
<li>&#x56DE;&#x6D41;&#xFF1A;&#x6839;&#x7EDD;&#x6E32;&#x67D3;&#x6811;&#xFF0C;&#x8BA1;&#x7B97;&#x4ED6;&#x5728;&#x8BBE;&#x5907;&#x89C6;&#x53E3;&#x5185;&#x7684;&#x786E;&#x5207;&#x4F4D;&#x7F6E;&#xFF0C;&#x53EB;&#x505A;&#x56DE;&#x6D41;&#x3002;</li>
<li>&#x91CD;&#x7ED8;&#xFF1A;&#x6839;&#x636E;&#x6E32;&#x67D3;&#x6811;&#x5F97;&#x5230;&#x50CF;&#x7D20;&#x3002;</li>
<li>&#x5C06;&#x50CF;&#x7D20;&#x53D1;&#x9001;&#x7ED9;GPU&#x5C55;&#x793A;&#x5728;&#x9875;&#x9762;&#x4E0A;&#x3002;</li>
</ul>
<h4 id="&#x1F345;-dom&#x7684;&#x91CD;&#x7ED8;&#x548C;&#x56DE;&#x6D41;">&#x1F345; DOM&#x7684;&#x91CD;&#x7ED8;&#x548C;&#x56DE;&#x6D41;</h4>
<ul>
<li><strong>&#x91CD;&#x7ED8;</strong>&#xFF1A;&#x5143;&#x7D20;&#x6837;&#x5F0F;&#x7684;&#x6539;&#x53D8;&#xFF08;&#x4E0D;&#x5305;&#x62EC;&#x5BBD;&#x9AD8;&#x3001;&#x4F4D;&#x7F6E;&#x3001;&#x5927;&#x5C0F;&#xFF09;&#x3002;</li>
<li><strong>&#x56DE;&#x6D41;</strong>&#xFF1A;&#x5143;&#x7D20;&#x7684;&#x5927;&#x5C0F;&#x3001;&#x4F4D;&#x7F6E;&#x53D1;&#x751F;&#x53D8;&#x5316;&#xFF0C;&#x89E6;&#x53D1;&#x4E86;&#x91CD;&#x65B0;&#x5E03;&#x5C40;&#xFF0C;&#x5BFC;&#x81F4;&#x6E32;&#x67D3;&#x6811;&#x91CD;&#x65B0;&#x6E32;&#x67D3;&#x3002;</li>
</ul>
<blockquote>
<p>&#x56DE;&#x6D41;&#x4E00;&#x5B9A;&#x4F1A;&#x89E6;&#x53D1;&#x91CD;&#x7ED8;&#xFF0C;&#x91CD;&#x7ED8;&#x4E0D;&#x4E00;&#x5B9A;&#x89E6;&#x53D1;&#x8282;&#x6D41;&#x3002;</p>
</blockquote>
<h4 id="&#x1F345;-&#x7528;&#x6237;&#x5728;&#x5730;&#x5740;&#x680F;&#x8F93;&#x5165;&#x5730;&#x5740;&#xFF0C;&#x5230;&#x6700;&#x540E;&#x5C55;&#x793A;&#x7ECF;&#x5386;&#x4E86;&#x4EC0;&#x4E48;&#xFF1F;">&#x1F345; &#x7528;&#x6237;&#x5728;&#x5730;&#x5740;&#x680F;&#x8F93;&#x5165;&#x5730;&#x5740;&#xFF0C;&#x5230;&#x6700;&#x540E;&#x5C55;&#x793A;&#x7ECF;&#x5386;&#x4E86;&#x4EC0;&#x4E48;&#xFF1F;</h4>
<ol>
<li>&#x6E38;&#x89C8;&#x5668;&#x89E3;&#x6790;url&#x5730;&#x5740;</li>
<li>dns&#x57DF;&#x540D;&#x89E3;&#x6790;&#xFF0C;&#x627E;&#x5230;&#x6211;&#x4EEC;&#x9700;&#x8981;&#x8FDE;&#x63A5;&#x7684;&#x670D;&#x52A1;&#x5668;</li>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x5EFA;&#x7ACB;tcp&#x8FDE;&#x63A5;</li>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x53D1;&#x9001;http&#x8BF7;&#x6C42;&#x4F20;&#x9012;&#x4FE1;&#x606F;&#x7ED9;&#x670D;&#x52A1;&#x5668;</li>
<li>&#x670D;&#x52A1;&#x5668;&#x63A5;&#x6536;&#x5E76;&#x54CD;&#x5E94;&#x8BF7;&#x6C42;</li>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x63A5;&#x53D7;&#x54CD;&#x5E94;&#x5E76;&#x5904;&#x7406;&#x5185;&#x5BB9;</li>
<li>&#x4E0E;&#x670D;&#x52A1;&#x5668;&#x65AD;&#x5F00;tcp&#x8FDE;&#x63A5;</li>
</ol>
<p><strong>&#x5B8C;&#x6574;url&#x5730;&#x5740;&#x5305;&#x542B;&#x7684;&#x5185;&#x5BB9;&#x5982;&#x4E0B;</strong>&#xFF1A;</p>
<ul>
<li>&#x534F;&#x8BAE;(<a href="http://)&#xFF1A;&#x4F20;&#x8F93;&#x534F;&#x8BAE;&#x5C31;&#x662F;&#x80FD;&#x591F;&#x8BA9;&#x5BA2;&#x6237;&#x7AEF;&#x548C;&#x670D;&#x52A1;&#x7AEF;&#x901A;&#x4FE1;&#x7684;&#x5DE5;&#x5177;&#x3002;" target="_blank">http://)&#xFF1A;&#x4F20;&#x8F93;&#x534F;&#x8BAE;&#x5C31;&#x662F;&#x80FD;&#x591F;&#x8BA9;&#x5BA2;&#x6237;&#x7AEF;&#x548C;&#x670D;&#x52A1;&#x7AEF;&#x901A;&#x4FE1;&#x7684;&#x5DE5;&#x5177;&#x3002;</a></li>
<li>&#x57DF;&#x540D; (www.baidu.com)&#xFF1A;&#x9876;&#x7EA7;&#x57DF;&#x540D; &#x2014; 1&#x7EA7;&#x57DF;&#x540D; &#x2014; 2&#x7EA7;&#x57DF;&#x540D; &#x2014; 3&#x7EA7;&#x57DF;&#x540D;&#x3002;</li>
<li>&#x7AEF;&#x53E3;&#x53F7;(:80)&#xFF1A;&#x7528;&#x6765;&#x533A;&#x5206;&#x670D;&#x52A1;&#x5668;&#x4E0B;&#x7684;&#x4E0D;&#x540C;&#x9879;&#x76EE;&#xFF0C;&#x53D6;&#x503C;&#x8303;&#x56F4;0&#xFF5E;65535&#x3002;</li>
<li>&#x8D44;&#x6E90;&#x8DEF;&#x5F84;(/path)&#xFF1A;</li>
<li>&#x95EE;&#x53F7;&#x4F20;&#x53C2;(?name=1)&#xFF1A;</li>
<li>hash&#x503C;(#xjj)&#xFF1A;&#x80FD;&#x7528;&#x6765;&#x4F20;&#x8F93;&#x6570;&#x636E;&#x3001;&#x63CF;&#x70B9;&#x5B9A;&#x4F4D;&#x3001;&#x57FA;&#x4E8E;hash&#x7BA1;&#x63A7;&#x8DEF;&#x7531;</li>
</ul>
<p><strong>DNS&#x57DF;&#x540D;&#x89E3;&#x6790;</strong>&#xFF1A;</p>
<p>&#x57DF;&#x540D;&#x89E3;&#x6790;&#x670D;&#x52A1;&#x5668;&#xFF0C;&#x5F53;&#x8BF7;&#x6C42;&#x65F6;&#x6839;&#x636E;&#x57DF;&#x540D;&#x627E;&#x5230;DNS&#x670D;&#x52A1;&#x5668;&#x4E0A;&#x5BF9;&#x5E94;&#x7684;&#x5916;&#x7F51;IP&#x5730;&#x5740;&#x3002;</p>
<p><strong>&#x5EFA;&#x7ACB;TCP&#x8FDE;&#x63A5;</strong>&#xFF08;&#x4E09;&#x6B21;&#x63E1;&#x624B;&#xFF09;&#xFF1A;</p>
<p>&#x901A;&#x8FC7;&#x4E09;&#x6B21;&#x901A;&#x8BAF;&#x786E;&#x4FDD;&#x8FDE;&#x63A5;&#x7A33;&#x5B9A;&#x3002;</p>
<ol>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x53D1;&#x9001;SYN = 1,seq = a&#x7ED9;&#x670D;&#x52A1;&#x7AEF;&#x3002;</li>
<li>&#x670D;&#x52A1;&#x5668;&#x8FD4;&#x56DE;SYN = 1,ACK = 1,ack = a+1,seq = b&#x7ED9;&#x5BA2;&#x6237;&#x7AEF;&#x3002;</li>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x53D1;&#x9001;ACK = 1,ack = b+1 &#x7ED9;&#x670D;&#x52A1;&#x7AEF;&#x3002;</li>
</ol>
<p>&#x7B2C;4&#x3001;5&#x5FFD;&#x7565;&#xFF0C;&#x7B2C;6&#x4E3A;<code>&#x1F345; &#x5BA2;&#x6237;&#x7AEF;&#x6E32;&#x67D3;&#x9875;&#x9762;&#x7684;&#x8FC7;&#x7A0B;</code></p>
<p><strong>&#x65AD;&#x5F00;TCP&#x8FDE;&#x63A5;</strong> &#xFF08;&#x56DB;&#x6B21;&#x6325;&#x624B;&#xFF09;&#xFF1A;</p>
<ol>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x901A;&#x77E5;&#x670D;&#x52A1;&#x7AEF;&#x8BF7;&#x6C42;&#x62A5;&#x6587;&#x53D1;&#x5B8C;&#x4E86;&#xFF0C;&#x51C6;&#x5907;&#x5173;&#x95ED;&#x3002;</li>
<li>&#x670D;&#x52A1;&#x7AEF;&#x54CD;&#x5E94;&#x7ED9;&#x5BA2;&#x6237;&#x7AEF;&#x53D1;&#x9001;&#x54CD;&#x5E94;&#x62A5;&#x6587;&#x6697;&#x793A;&#x8BF7;&#x6C42;&#x62A5;&#x6587;&#x5DF2;&#x7ECF;&#x6536;&#x5230;&#x4E86;&#xFF0C;&#x51C6;&#x5907;&#x5173;&#x95ED;&#x3002;</li>
<li>&#x670D;&#x52A1;&#x7AEF;&#x901A;&#x77E5;&#x5BA2;&#x6237;&#x7AEF;&#x54CD;&#x5E94;&#x62A5;&#x6587;&#x53D1;&#x5B8C;&#x4E86;&#xFF0C;&#x51C6;&#x5907;&#x5173;&#x95ED;&#x3002;</li>
<li>&#x5BA2;&#x6237;&#x7AEF;&#x901A;&#x77E5;&#x670D;&#x52A1;&#x7AEF;&#xFF0C;&#x54CD;&#x5E94;&#x62A5;&#x6587;&#x63A5;&#x53D7;&#x5B8C;&#x6BD5;&#xFF0C;&#x51C6;&#x5907;&#x5173;&#x95ED;&#x3002;</li>
</ol>
<h4 id="&#x1F952;-&#x6027;&#x80FD;&#x4F18;&#x5316;">&#x1F952; &#x6027;&#x80FD;&#x4F18;&#x5316;</h4>
<ol>
<li>&#x51CF;&#x5C11;http&#x7684;&#x8BF7;&#x6C42;&#x6B21;&#x6570;<ol>
<li>css &#x96EA;&#x78A7;&#x56FE;</li>
<li>&#x5408;&#x5E76;&#x538B;&#x7F29;js/&#x56FE;&#x7247; &#xFF08;webpack&#x3001;gzip&#xFF09;</li>
</ol>
</li>
<li>&#x8BBE;&#x7F6E;&#x7F13;&#x5B58;&#x3001;&#x9884;&#x5904;&#x7406;</li>
<li>&#x4EE3;&#x7801;&#x4F18;&#x5316;<ol>
<li>&#x51CF;&#x5C11;&#x95ED;&#x5305;&#x7684;&#x4F7F;&#x7528;</li>
<li>&#x51CF;&#x5C11;&#x76F4;&#x63A5;&#x5BF9;DOM&#x7684;&#x64CD;&#x4F5C;</li>
</ol>
</li>
</ol>
<p><strong>DNS&#x4F18;&#x5316;</strong></p>
<ul>
<li>DNS&#x7F13;&#x5B58;&#xFF1A;&#x4E00;&#x822C;&#x5728;&#x6E38;&#x89C8;&#x5668;&#x7B2C;&#x4E00;&#x6B21;&#x89E3;&#x6790;&#x540E;&#x5EFA;&#x7ACB;&#x7F13;&#x5B58;&#xFF0C;&#x65F6;&#x95F4;&#x4E3A;1&#x5206;&#x949F;&#x3002;</li>
<li>&#x51CF;&#x5C11;DNS&#x89E3;&#x6790;&#x6B21;&#x6570;&#xFF1A;&#x51CF;&#x5C11;&#x9700;&#x8981;&#x8FDE;&#x63A5;&#x7684;&#x670D;&#x52A1;&#x5668;&#x3002;</li>
<li>DNS&#x9884;&#x83B7;&#x53D6;(dns-prefetch)&#xFF1A;&#x5728;&#x9875;&#x9762;&#x52A0;&#x8F7D;&#x5F00;&#x59CB;&#x65F6;&#xFF0C;&#x5C06;&#x5F53;&#x524D;&#x9875;&#x9762;&#x8BBF;&#x95EE;&#x5176;&#x4ED6;&#x670D;&#x52A1;&#x5668;&#x7684;&#x8D44;&#x6E90;&#x63D0;&#x524D;DNS&#x89E3;&#x6790;&#xFF0C;&#x4EE5;&#x540E;&#x52A0;&#x8F7D;&#x5185;&#x5BB9;&#x65F6;&#x5C31;&#x4E0D;&#x9700;&#x8981;&#x89E3;&#x6790;&#x4E86;&#x3002;</li>
</ul>
<p><strong>&#x907F;&#x514D;DOM&#x56DE;&#x6D41;</strong></p>
<ul>
<li>&#x653E;&#x5F03;&#x4F20;&#x7EDF;&#x64CD;&#x4F5C;DOM&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x57FA;&#x4E8E;&#x73B0;&#x4EE3;&#x6846;&#x67B6;&#x7528;&#x6570;&#x636E;&#x9A71;&#x52A8;&#x5F71;&#x54CD;&#x89C6;&#x56FE;&#x3002;</li>
<li>&#x5206;&#x79BB;&#x8BFB;&#x5199;&#x64CD;&#x4F5C;</li>
<li>&#x6279;&#x91CF;&#x6DFB;&#x52A0;&#x6837;&#x5F0F;</li>
<li>css3&#x786C;&#x4EF6;&#x52A0;&#x901F;</li>
</ul>
<h3 id="&#x516D;&#x3001;&#x5DE5;&#x7A0B;&#x5316;">&#x516D;&#x3001;&#x5DE5;&#x7A0B;&#x5316;</h3>

                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="总结.html" class="navigation navigation-prev navigation-unique" aria-label="Previous page: 总结">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"面经","level":"8.10","depth":1,"next":{"title":"https://underscorejs.org/","level":"9.1","depth":1,"url":"https://underscorejs.org/","ref":"https://underscorejs.org/","articles":[]},"previous":{"title":"总结","level":"8.9","depth":1,"path":"总结.md","ref":"总结.md","articles":[]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":["livereload"],"pluginsConfig":{"livereload":{},"highlight":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"面经.md","mtime":"2022-03-15T09:25:24.389Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2022-03-15T14:25:18.993Z"},"basePath":".","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="gitbook/gitbook.js"></script>
    <script src="gitbook/theme.js"></script>
    
        
        <script src="gitbook/gitbook-plugin-livereload/plugin.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-search/search-engine.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-search/search.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-sharing/buttons.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    

    </body>
</html>

